<template>
<div id="footer">
  <a-layout-footer>
    <a-breadcrumb separator="">
      <a-breadcrumb-item>备注</a-breadcrumb-item>
      <a-breadcrumb-separator>:</a-breadcrumb-separator>
      <a-breadcrumb-item href="">
        由x项目组人员开发
      </a-breadcrumb-item>
      <a-breadcrumb-separator />
      <a-breadcrumb-item href="">
        UI来自 ant-design-vue
      </a-breadcrumb-item>
      <a-breadcrumb-separator />
      <a-breadcrumb-item>致谢 ant-design</a-breadcrumb-item>
    </a-breadcrumb>
  </a-layout-footer>
</div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style scoped>

#footer .ant-layout-footer {
  background: #fff;
  color: #fff;
}
#footer .ant-layout-footer {
  line-height:0;
}
.ant-layout-footer {
  padding: 10px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}
</style>
